<!DOCTYPE html>
<html>
<head>
    <title>服务</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords"
          content="Truck Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- bootstarp-css -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <!--// bootstarp-css -->
    <!-- css -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
    <!--// css -->
    <script src="js/jquery-1.11.1.min.js"></script>
    <!--fonts-->
    <link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600'
          rel='stylesheet' type='text/css'>
    <!--/fonts-->
    <link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
    <script src="js/wow.min.js"></script>
    <script>
        new WOW().init();
    </script>
    <!-- pop-up -->
    <link rel="stylesheet" href="css/touchTouch.css" type="text/css" media="all"/>
    <script type="text/javascript" src="js/jquery.fancybox.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            /*
             *  Simple image gallery. Uses default settings
             */

            $('.fancybox').fancybox();

        });
    </script>
    <!-- pop-up -->
    <!--start-smoth-scrolling-->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 900);
            });
        });
    </script>
    <!--start-smoth-scrolling-->

</head>
<body>
<!-- banner -->
<div id="home" class="banner a-banner">
    <!-- container -->
    <div class="container">
        <div class="header">
            <div class="head-logo">
                <a href="index.html"><img src="images/logo.png" alt=""/></a>
            </div>
            <div class="top-nav">
                <span class="menu"><img src="images/menu.png" alt=""></span>
                <ul class="nav1">
                    <li class="hvr-sweep-to-bottom"><a href="index.html">首页<i><img src="images/nav-but1.png"
                                                                                   alt=""/></i></a></li>
                    <li class="hvr-sweep-to-bottom"><a href="about.html">关于<i><img src="images/nav-but2.png"
                                                                                   alt=""/></i></a></li>
                    <li class="hvr-sweep-to-bottom active"><a href="services.html">服务<i><img src="images/nav-but3.png"
                                                                                             alt=""/></i></a></li>
                    <li class="hvr-sweep-to-bottom"><a href="blog.html">产品中心<i><img src="images/nav-but4.png" alt=""/></i></a>
                    </li>
                    <li class="hvr-sweep-to-bottom"><a href="mail.html">联系我们<i><img src="images/nav-but5.png"
                                                                                    alt=""/></i></a></li>
                    <div class="clearfix"></div>
                </ul>
                <!-- script-for-menu -->
                <script>
                    $("span.menu").click(function () {
                        $("ul.nav1").slideToggle(300, function () {
                            // Animation complete.
                        });
                    });
                </script>
                <!-- /script-for-menu -->
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <!-- //container -->
</div>
<!-- //banner -->
<!-- products-top -->
<div class="products-top">
    <!-- container -->
    <div class="container">
        <h3 class="wow fadeInRight animated" data-wow-delay="0.4s"
            style="visibility: visible; -webkit-animation-delay: 0.4s;">主要服务</h3>
<!--        <h5 class="wow fadeInRight animated" data-wow-delay="0.4s"-->
<!--            style="visibility: visible; -webkit-animation-delay: 0.4s;">Cras porttitor imperdiet volutpat nulla-->
<!--            malesuada lectus eros <span>ut convallis felis consectetur ut </span></h5>-->
        <div class="products-top-grids wow fadeInLeft animated" data-wow-delay="0.4s"
             style="visibility: visible; -webkit-animation-delay: 0.4s;">
            <div class="col-md-4 products-grid">
                <div class="products-number">
                    <p>1.</p>
                </div>
                <div class="products-text">
                    <h4>污染源在线监测</h4>
                    <p>烟气排放连续监测系统由颗粒物测量子系统、气态污染物测量子系统、烟气参数测量子系统、数据采集与分析子系统组成。通过直接测量分析（(颗粒物）和抽取采样方式(气态污染物)，测定烟气中污染物浓度，同时测定烟气温度、烟气压力、烟气流速、烟气含氧量，排放量;显示各监测参数的报表。</p>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="col-md-4 products-grid">
                <div class="products-number">
                    <p>2.</p>
                </div>
                <div class="products-text">
                    <h4>尾气颗粒物监测</h4>
                    <p>机动车尾气颗粒物监测系统是由遥测主机、车牌自动识别及拍照系统、速度/加速度测量系统、黑烟车智能识别系统等组成。采用可调半导体激光吸收光谱技术、紫外差分吸收光谱技术等高科技技术实现对汽柴油车尾气中CO、C02、NO、HC和不透光烟度等指标的检测，响应时间快(小于0.5s)系统操作简单</p>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="col-md-4 products-grid">
                <div class="products-number">
                    <p>3.</p>
                </div>
                <div class="products-text">
                    <h4>智慧环保综合管理平台</h4>
                    <p>智慧环保综合管理信息平台实现构建”一张网”，”两级流程”，“三套平台”，"多重应用”的精细化监测体系，运用多种高科技技术手段，实现智慧环保数据的互联互通和开放共享。</p>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
        </div>
<!--        <div class="products-top-grids wow fadeInRight animated" data-wow-delay="0.4s"-->
<!--             style="visibility: visible; -webkit-animation-delay: 0.4s;">-->
<!--            <div class="col-md-4 products-grid">-->
<!--                <div class="products-number">-->
<!--                    <p>4.</p>-->
<!--                </div>-->
<!--                <div class="products-text">-->
<!--                    <h4>Aliquam pret iumd</h4>-->
<!--                    <p>Vivamus sit amet molestie orci. Nullam porttitor porta lobortis. Mauris semper feugiat varius-->
<!--                        efficitur ex vel tempus blandit.</p>-->
<!--                </div>-->
<!--                <div class="clearfix"></div>-->
<!--            </div>-->
<!--            <div class="col-md-4 products-grid">-->
<!--                <div class="products-number">-->
<!--                    <p>5.</p>-->
<!--                </div>-->
<!--                <div class="products-text">-->
<!--                    <h4>Sed sit laoreet libero</h4>-->
<!--                    <p>Vivamus sit amet molestie orci. Nullam porttitor porta lobortis. Mauris semper feugiat varius-->
<!--                        efficitur ex vel tempus blandit.</p>-->
<!--                </div>-->
<!--                <div class="clearfix"></div>-->
<!--            </div>-->
<!--            <div class="col-md-4 products-grid">-->
<!--                <div class="products-number">-->
<!--                    <p>6.</p>-->
<!--                </div>-->
<!--                <div class="products-text">-->
<!--                    <h4>Morbi convallis urna</h4>-->
<!--                    <p>Vivamus sit amet molestie orci. Nullam porttitor porta lobortis. Mauris semper feugiat varius-->
<!--                        efficitur ex vel tempus blandit.</p>-->
<!--                </div>-->
<!--                <div class="clearfix"></div>-->
<!--            </div>-->
<!--            <div class="clearfix"></div>-->
<!--        </div>-->
    </div>
    <!-- container -->
</div>
<!-- //products-top -->
<!-- products-bottom -->
<div class="products-bottom">
    <!-- container -->
    <div class="container">
        <h3 class="wow fadeInRight animated" data-wow-delay="0.4s"
            style="visibility: visible; -webkit-animation-delay: 0.4s;">服务现场</h3>
        <div class="products-bottom-grids">
            <div class="gallery-grids">
                <div class="gallery-grid wow bounceIn animated" data-wow-delay="0.4s"
                     style="visibility: visible; -webkit-animation-delay: 0.4s;">
                    <a class="fancybox" href="images/6-.jpg" data-fancybox-group="gallery"><img src="images/6.jpg"
                                                                                                class="img-style row6"
                                                                                                alt=""><span> </span></a>
                </div>
                <div class="gallery-grid1 wow bounceIn animated" data-wow-delay="0.4s"
                     style="visibility: visible; -webkit-animation-delay: 0.4s;">
                    <a class="fancybox" href="images/8-.jpg" data-fancybox-group="gallery"><img src="images/8.jpg"
                                                                                                class="img-style row6"
                                                                                                alt=""><span> </span></a>
                </div>
                <div class="gallery-grid wow bounceIn animated" data-wow-delay="0.4s"
                     style="visibility: visible; -webkit-animation-delay: 0.4s;">
                    <a class="fancybox" href="images/5-.jpg" data-fancybox-group="gallery"><img src="images/5.jpg"
                                                                                                class="img-style row6"
                                                                                                alt=""><span> </span></a>
                </div>
                <div class="gallery-grid1 wow bounceIn animated" data-wow-delay="0.4s"
                     style="visibility: visible; -webkit-animation-delay: 0.4s;">
                    <a class="fancybox" href="images/9-.jpg" data-fancybox-group="gallery"><img src="images/9.jpg"
                                                                                                class="img-style row6"
                                                                                                alt=""><span> </span></a>
                </div>
                <div class="gallery-grid wow bounceIn animated" data-wow-delay="0.4s"
                     style="visibility: visible; -webkit-animation-delay: 0.4s;">
                    <a class="fancybox" href="images/10-.jpg" data-fancybox-group="gallery"><img src="images/10.jpg"
                                                                                                 class="img-style row6"
                                                                                                 alt=""><span> </span></a>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="gallery-grids">
                <div class="gallery-grid wow bounceIn animated" data-wow-delay="0.4s"
                     style="visibility: visible; -webkit-animation-delay: 0.4s;">
                    <a class="fancybox" href="images/6-.jpg" data-fancybox-group="gallery"><img src="images/6.jpg"
                                                                                                class="img-style row6"
                                                                                                alt=""><span> </span></a>
                </div>
                <div class="gallery-grid wow bounceIn animated" data-wow-delay="0.4s"
                     style="visibility: visible; -webkit-animation-delay: 0.4s;">
                    <a class="fancybox" href="images/5-.jpg" data-fancybox-group="gallery"><img src="images/5.jpg"
                                                                                                class="img-style row6"
                                                                                                alt=""><span> </span></a>
                </div>
                <div class="gallery-grid1 wow bounceIn animated" data-wow-delay="0.4s"
                     style="visibility: visible; -webkit-animation-delay: 0.4s;">
                    <a class="fancybox" href="images/8-.jpg" data-fancybox-group="gallery"><img src="images/8.jpg"
                                                                                                class="img-style row6"
                                                                                                style="background-size: cover;object-fit: fill"
                                                                                                alt=""><span> </span></a>
                </div>
                <div class="gallery-grid wow bounceIn animated" data-wow-delay="0.4s"
                     style="visibility: visible; -webkit-animation-delay: 0.4s;">
                    <a class="fancybox" href="images/10-.jpg" data-fancybox-group="gallery"><img src="images/10.jpg"
                                                                                                 class="img-style row6"
                                                                                                 alt=""><span> </span></a>
                </div>
                <div class="gallery-grid1 wow bounceIn animated" data-wow-delay="0.4s"
                     style="visibility: visible; -webkit-animation-delay: 0.4s;">
                    <a class="fancybox" href="images/9-.jpg" data-fancybox-group="gallery"><img src="images/9.jpg"
                                                                                                class="img-style row6"
                                                                                                alt=""><span> </span></a>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <!-- //container -->
</div>
<!-- products-bottom -->
<!-- footer -->
<div class="footer">
    <!-- container -->
    <div class="container">
        <div class="col-md-6 footer-left  wow fadeInLeft animated" data-wow-delay="0.4s"
             style="visibility: visible; -webkit-animation-delay: 0.4s;">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于</a></li>
                <li><a href="services.html">服务</a></li>
                <li><a href="blog.html">产品中心</a></li>
                <li><a href="mail.html">联系我们</a></li>
            </ul>
            <form>
                <input type="text" placeholder="Email" required="">
                <input type="submit" value="订阅">
            </form>
        </div>
        <div class="col-md-3 footer-middle wow bounceIn animated" data-wow-delay="0.4s"
             style="visibility: visible; -webkit-animation-delay: 0.4s;">
            <h3>地址</h3>
            <div class="address">
                <p>中国四川省成都市双流区,
                    <span>双流东升街道双楠大道中段333号23栋506号.</span>
                </p>
            </div>
            <div class="phone">
                <p>85815868</p>
            </div>
        </div>
        <div class="col-md-3 footer-right  wow fadeInRight animated" data-wow-delay="0.4s"
             style="visibility: visible; -webkit-animation-delay: 0.4s;">
            <a href="#"><img src="images/logo.png" alt=""/></a>
            <p>Proin eget ipsum ultrices, aliquet velit eget, tempus tortor. Phasellus non velit sit amet diam faucibus
                molestie tincidunt efficitur nisi.</p>
        </div>
        <div class="clearfix"></div>
    </div>
    <!-- //container -->
</div>
<!-- //footer -->
<div class="copyright">
    <!-- container -->
    <div class="container">
        <div class="copyright-left wow fadeInLeft animated" data-wow-delay="0.4s"
             style="visibility: visible; -webkit-animation-delay: 0.4s;">
            <a target="_blank" href="https://beian.miit.gov.cn/" style="color: #fff;">
                ICP备案/许可证号: 蜀ICP备2023012799号-1
            </a>
        </div>
        <div class="copyright-right wow fadeInRight animated" data-wow-delay="0.4s"
             style="visibility: visible; -webkit-animation-delay: 0.4s;">
            <ul>
                <li><a href="#" class="twitter"> </a></li>
                <li><a href="#" class="twitter facebook"> </a></li>
                <li><a href="#" class="twitter chrome"> </a></li>
                <li><a href="#" class="twitter pinterest"> </a></li>
                <li><a href="#" class="twitter linkedin"> </a></li>
                <li><a href="#" class="twitter dribbble"> </a></li>
            </ul>
        </div>
        <div class="clearfix"></div>
        <script type="text/javascript">
            $(document).ready(function () {
                /*
                var defaults = {
                      containerID: 'toTop', // fading element id
                    containerHoverID: 'toTopHover', // fading element hover id
                    scrollSpeed: 1200,
                    easingType: 'linear'
                 };
                */

                $().UItoTop({easingType: 'easeOutQuart'});

            });
        </script>
        <a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover"
                                                                                 style="opacity: 1;"> </span></a>

    </div>
    <!-- //container -->
</div>
</body>
</html>
